<!--1-44单自由度载荷时螺栓/螺钉强度校核-->
<template>
    <div class="borde" style="width: 100%; height: 100%;font-size: 16px;display: flex;">
        <div class="main">
            <a-row class="all_row">
                <a-col class="input_parameter" span="19">
                    <div class="left" style="width: 100%;height: 100%">
                        <div class="title1">参数输入</div>
                        <div class="left_body">
                            <div style="width: 100%;height: 100%;position: relative">
                                <div class="left_left">
                                    <div style="width: 100%;height: 100%;">
                                        <div class="title2">螺栓/螺钉和夹紧件参数</div>
                                        <div class="left_left_body">
                                            <div style="width: 100%;height: 100%;position: relative">
                                                <div class="left_left_left">
                                                    <div style="width: 100%;height: 100%;position: relative">
                                                        <div class="left_left_left_left">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <ul class="left_left_left_left_list">
                                                                    <li>拧紧力矩(Nmm)</li>
                                                                    <li>拧紧系数</li>
                                                                    <li>夹紧件孔径(mm)</li>
                                                                    <li>夹紧件孔倒角直径(mm) </li>
                                                                    <li>螺距(mm)</li>
                                                                    <li>螺纹副摩擦系数</li>
                                                                    <li>支承面摩擦系数</li>
                                                                    <li>垫片厚度(mm)</li>
                                                                    <li>螺杆内径(mm)</li>
                                                                    <li>螺杆最小直径(mm)</li>
                                                                    <li>螺杆自由螺纹长度(mm)</li>
                                                                    <li>夹紧件弹性模量(MPa)</li>
                                                                    <li>上部夹紧件厚度(mm)</li>
                                                                    <li>下部夹紧件厚度(mm)</li>
                                                                    <li>夹紧件表面粗糙度Rz(um)</li>
                                                                    <li>支承表面粗糙度Rz(um)</li>
                                                                    <li>螺栓/螺钉热处理类型</li>
                                                                    <li>扭矩应力缩减系数</li>
                                                                    <li>夹紧件许用压应力(MPa)</li>
                                                                    <li>夹紧件类型</li>
                                                                    <li>结合面上替代外径DA'(mm)</li>
                                                                    <li>
                                                                        <label v-show="params_44.clamp_type==2||params_44.clamp_type==3||params_44.clamp_type==4">圆环外径(mm)</label>
                                                                    </li>
                                                                    <li>
                                                                        <label v-show="params_44.clamp_type==3||params_44.clamp_type==4">圆环内径(mm)</label>
                                                                    </li>
                                                                    <li>
                                                                        <label v-show="params_44.clamp_type==4">螺栓/螺钉间距(mm)</label>
                                                                    </li>
                                                                    <li></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="left_left_left_right">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <ul class="left_left_left_right_list">
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.MA_input"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.aA"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.dh"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.dha"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.P"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.uG"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <button @click="showModal"
                                                                                    style="height: 80%;width: 20%;text-align: center;position: absolute;left: 70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                            <a-modal title="" :visible="visible" width="900px"
                                                                                     :confirm-loading="confirmLoading"
                                                                                     @ok="handleOk" @cancel="handleCancel">
                                                                                <img :src="img_one" >
                                                                            </a-modal>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.uK"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.hs"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.db"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.d0"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <button @click="showModal1"
                                                                                    style="height: 80%;width: 20%;text-align: center;position: absolute;left: 70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                            <a-modal title="" :visible="visible1" width="700px"
                                                                                     :confirm-loading="confirmLoading1"
                                                                                     @ok="handleOk1" @cancel="handleCancel1">
                                                                                <img :src="img_two" >
                                                                            </a-modal>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.l_Gew"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.E_p"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                        <input v-model="params_44.h1"
                                                                               style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                       </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.h2"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.Rz_inter"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.Rz_support"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <select v-model="params_44.heat_treatment_type"
                                                                                    style="height: 90%;width: 60%;position: absolute;left: 5%;font-size: 15px">
                                                                                <option value="1">热处理前滚压</option>
                                                                                <option value="2">热处理后滚压</option>
                                                                            </select>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.reduction_coefficient"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.pG"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <select v-model="params_44.clamp_type"
                                                                                    style="height: 90%;width: 60%;position: absolute;left: 5%;font-size: 15px">
                                                                                <option value="1">盘形夹紧件</option>
                                                                                <option value="2">圆柱形夹紧件</option>
                                                                                <option value="3">方形夹紧件</option>
                                                                                <option value="4">圆环形夹紧件</option>
                                                                            </select>
                                                                            <button @click="showModal2"
                                                                                    style="height: 80%;width: 20%;text-align: center;position: absolute;left: 70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                            <a-modal title="" :visible="visible2" width="1600px"
                                                                                     :confirm-loading="confirmLoading2"
                                                                                     @ok="handleOk2" @cancel="handleCancel2">
                                                                                <img :src="img_three" >
                                                                            </a-modal>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.D_A1"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <button @click="showModal3"
                                                                                    style="height: 80%;width: 20%;text-align: center;position: absolute;left: 70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                            <a-modal title="" :visible="visible3" width="700px"
                                                                                     :confirm-loading="confirmLoading3"
                                                                                     @ok="handleOk3" @cancel="handleCancel3">
                                                                                <img :src="img_four" >
                                                                            </a-modal>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.D_A" v-show="params_44.clamp_type==2"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <input v-model="params_44.bT" v-show="params_44.clamp_type==3"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <input v-model="params_44.doo" v-show="params_44.clamp_type==4"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.cT" v-show="params_44.clamp_type==3"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                            <input v-model="params_44.di" v-show="params_44.clamp_type==4"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div style="width: 100%;height: 100%;position: relative">
                                                                            <input v-model="params_44.t" v-show="params_44.clamp_type==4"
                                                                                   style="height: 90%;width: 60%;text-align: center;position: absolute;left: 5%"/>
                                                                        </div>
                                                                    </li>
                                                                    <li></li>

                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="left_left_right">
                                                    <div style="width: 100%;height: 100%;">
                                                        <div class="left_left_right_top">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <div class="left_left_right_top_left">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <div style="width: 30%;height: 90%;position: absolute;left: 5%;overflow: hidden"> 连接类型 </div>
                                                                        <select v-model="params_44.joint_type" style="width: 50%;height: 90%;position: absolute;left: 40%;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">螺栓连接</option>
                                                                            <option value="2">螺钉连接</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_top_right">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <div style="width: 30%;height: 90%;position: absolute;left: 5%;overflow: hidden"> 螺栓头类型 </div>
                                                                        <select v-model="params_44.bolt_type" style="width: 50%;height: 90%;position: absolute;left: 40%;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">外六角螺栓</option>
                                                                            <option value="2">内六角螺栓</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="left_left_right_middle1">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <div class="left_left_right_middle1_left">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_middle1_left_list">
                                                                            <li></li>
                                                                            <li>公称直径(mm)</li>
                                                                            <li>支承面外径(mm)</li>
                                                                            <li>小径(mm)</li>
                                                                            <li>中径(mm)</li>
                                                                            <li>支承面内径(mm)</li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_middle1_middle">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_middle1_middle_list">
                                                                            <li>螺栓/螺钉</li>
                                                                            <li style="position: relative">
                                                                                    <input v-model="params_44.d"
                                                                                           style="height: 90%;width: 80%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.dw"
                                                                                       style="height: 90%;width: 80%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.d3"
                                                                                       style="height: 90%;width: 80%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.d2"
                                                                                       style="height: 90%;width: 80%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.da"
                                                                                       style="height: 90%;width: 80%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_middle1_right">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_middle1_right_list">
                                                                            <li>螺母/内螺纹</li>
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.s"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                                <button  @click="showModal4"
                                                                                        style="height: 90%;width: 15%;text-align: center;position: absolute;left:70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                                <a-modal title="" :visible="visible4" width="700px"
                                                                                         :confirm-loading="confirmLoading4"
                                                                                         @ok="handleOk4" @cancel="handleCancel4">
                                                                                    <img :src="img_two" >
                                                                                </a-modal>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.D1"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.D2"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.Da"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                                <button  @click="showModal5"
                                                                                         style="height: 90%;width: 15%;text-align: center;position: absolute;left:70%;border: 0.5px solid ;border-radius: 3px;">!</button>
                                                                                <a-modal title="" :visible="visible5" width="700px"
                                                                                         :confirm-loading="confirmLoading5"
                                                                                         @ok="handleOk5" @cancel="handleCancel5">
                                                                                    <img :src="img_two" >
                                                                                </a-modal>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="left_left_right_middle2">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <div class="left_left_right_middle2_left">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_middle2_left_list">
                                                                            <li>夹紧件是否承受轴向载荷</li>
                                                                            <li>夹紧件是否承受扭矩载荷</li>
                                                                            <li>传递载荷接触面数目</li>
                                                                            <li>损伤率计算点个数</li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_middle2_right">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_middle2_right_list">
                                                                            <li>
                                                                                <div style="width: 100%;height: 100%;position: relative">
                                                                                    <select v-model="params_44.FA_action" style="width: 50%;height: 90%;position: absolute;left: 0%;border: 0.5px solid ;border-radius: 3px;">
                                                                                        <option value="1">是</option>
                                                                                        <option value="2">否</option>
                                                                                    </select>
                                                                                </div>
                                                                            </li>
                                                                            <li>
                                                                                <div style="width: 100%;height: 100%;position: relative">
                                                                                    <select v-model="params_44.MY_action" style="width: 50%;height: 90%;position: absolute;left: 0%;border: 0.5px solid ;border-radius: 3px;">
                                                                                        <option value="1">是</option>
                                                                                        <option value="2">否</option>
                                                                                    </select>
                                                                                </div>
                                                                            </li>
                                                                            <li>
                                                                                <div style="width: 100%;height: 100%;position: relative">
                                                                                    <input v-model="params_44.q"
                                                                                           style="width: 50%;height: 90%;position: absolute;left: 0%;border: 0.5px solid ;border-radius: 3px;text-align: center"/>
                                                                                </div>
                                                                            </li>
                                                                            <li>
                                                                                <div style="width: 100%;height: 100%;position: relative">
                                                                                    <input v-model="params_44.number_sigma"
                                                                                           style="width: 50%;height: 90%;position: absolute;left: 0%;border: 0.5px solid ;border-radius: 3px;text-align: center"/>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="left_left_right_bottom">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <div class="left_left_right_bottom_left">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_bottom_left_list">
                                                                            <li></li>
                                                                            <li>螺杆段数</li>
                                                                            <li>1</li>
                                                                            <li>2</li>
                                                                            <li>3</li>
                                                                            <li>4</li>
                                                                            <li></li>
                                                                            <li></li>
                                                                            <li>屈服强度(MPa)</li>
                                                                            <li>抗拉强度(MPa)</li>
                                                                            <li>剪切强度(MPa)</li>
                                                                            <li>弹性模量(MPa)</li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_bottom_middle">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_bottom_middle_list">
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <div style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%"> 长度(mm)</div>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.length_v1"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.length_v2"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.length_v3"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.length_v4"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <div style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%">螺栓/螺钉</div>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.Rp"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.RmS"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.tB"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                                <button  @click="showModal6"
                                                                                         style="height: 90%;width: 30%;text-align: center;position: absolute;left:70%;border: 0.5px solid ;border-radius: 3px;padding-right: 7px;padding-left: 7px;">!</button>
                                                                                <a-modal title="" :visible="visible6" width="900px"
                                                                                         :confirm-loading="confirmLoading6"
                                                                                         @ok="handleOk6" @cancel="handleCancel6">
                                                                                    <img :src="img_five" >
                                                                                </a-modal>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.E_s"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                                <div class="left_left_right_bottom_right">
                                                                    <div style="width: 100%;height: 100%;position: relative">
                                                                        <ul class="left_left_right_bottom_right_list">
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <div style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%"> 直径(mm)</div>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.diameter_v1"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.diameter_v2"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.diameter_v3"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.diameter_v4"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <div style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%"> 螺母/内螺纹</div>
                                                                            </li>
                                                                            <li></li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.RmM"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.tBM"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                                <button  @click="showModal7"
                                                                                         style="height: 90%;width: 25%;text-align: center;position: absolute;left:70%;border: 0.5px solid ;border-radius: 3px;padding-right: 7px;padding-left: 7px;">!</button>
                                                                                <a-modal title="" :visible="visible7" width="900px"
                                                                                         :confirm-loading="confirmLoading7"
                                                                                         @ok="handleOk7" @cancel="handleCancel7">
                                                                                    <img :src="img_five" >
                                                                                </a-modal>
                                                                            </li>
                                                                            <li style="position: relative">
                                                                                <input v-model="params_44.E_M"
                                                                                       style="height: 90%;width: 60%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="left_right">
                                    <div style="width: 100%;height: 100%;">
                                        <div class="left_right_title">载荷参数</div>
                                        <div class="left_right_body">
                                            <div style="width: 100%;height: 100%;">
                                                <div class="left_right_top">
                                                    <div style="width: 100%;height: 100%;position: relative">
                                                        <div class="left_right_top_left">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <ul class="left_right_top_left_list">
                                                                    <li>
                                                                        <div  style="height: 100%;width: 100%">载荷类型</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆最大轴向拉力(N)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆最小轴向拉力(N)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆X方向最大弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆X方向最小弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆Y方向最大弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">螺杆Y方向最小弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==1" style="height: 100%;width: 100%">循环次数</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%">样本载荷作用力/弯矩(N/Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%">样本载荷时螺杆轴向力(N)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%">样本载荷时螺杆X向弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%">样本载荷时螺杆Y向弯矩(Nmm)</div>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%;position: relative">
                                                                            <a-upload :showUploadList="false" :maxCount="1" :customRequest="customRequest" name="file">
                                                                            <button style="overflow: hidden;height: 90%;width: 40%;text-align: center;position: absolute;right:10%;border: 0.5px solid ;border-radius: 3px;top: 0">输入雨流载荷谱
                                                                            </button>
                                                                            </a-upload>
<!--                                                                            <button @click="showModal8"-->
<!--                                                                                    style="overflow: hidden;height: 90%;width: 40%;text-align: center;position: absolute;right:10%;border: 0.5px solid ;border-radius: 3px;">输入雨流载荷谱-->
<!--                                                                            </button>-->
<!--                                                                                <a-modal title="" :visible="visible8" width="620px"-->
<!--                                                                                         :confirm-loading="confirmLoading8"-->
<!--                                                                                         @ok="handleOk8" @cancel="handleCancel8">-->
<!--                                                                                    <el-upload-->
<!--                                                                                            class="upload-demo"-->
<!--                                                                                            drag-->
<!--                                                                                            action="https://jsonplaceholder.typicode.com/posts/"-->
<!--                                                                                            multiple>-->
<!--                                                                                        <i class="el-icon-upload"></i>-->
<!--                                                                                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>-->
<!--                                                                                        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>-->
<!--                                                                                    </el-upload>-->
<!--                                                                                </a-modal>-->

                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="left_right_top_right">
                                                            <div style="width: 100%;height: 100%;position: relative">
                                                                <ul class="left_right_top_right_list">
                                                                    <li style="position: relative">
                                                                        <select v-model="params_44.rate_load_control"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;">
                                                                            <option value="1">额定工况</option>
                                                                            <option value="2">雨流载荷谱</option>
                                                                        </select>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_force_max" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_force_min" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_x_max" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_x_min" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_y_max" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_y_min" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.N" v-show="params_44.rate_load_control==1"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.load_sample" v-show="params_44.rate_load_control==2"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_force_smaple" v-show="params_44.rate_load_control==2"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_x_sample" v-show="params_44.rate_load_control==2"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li style="position: relative">
                                                                        <input v-model="params_44.bolt_moment_y_sample" v-show="params_44.rate_load_control==2"
                                                                               style="height: 90%;width: 75%;text-align: center;position: absolute;left:5%;border: 0.5px solid ;border-radius: 3px;"/>
                                                                    </li>
                                                                    <li>
                                                                        <div v-show="params_44.rate_load_control==2" style="height: 100%;width: 100%;position: relative">
                                                                            <button
                                                                                    style="overflow: hidden;height: 90%;width: 90%;text-align: center;position: absolute;left: 5%;border: 0.5px solid ;border-radius: 3px;">清除雨流载荷谱
                                                                            </button>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="left_right_bottom">
                                                    <div style="width: 100%;height: 100%;position: relative">
                                                        <el-table v-show="params_44.rate_load_control==2"
                                                                  height="210" border  stripe
                                                                  :data="dataSource"
                                                                  :row-style="{height:'15px'}"
                                                                  :cell-style="{padding:'0px'}"
                                                                  :header-cell-style="{height:'10px',padding:'0px'}"
                                                                  style="width: 80%;height: 100%;font-size: 10px;left: 5%;top: 2%">
                                                            <el-table-column
                                                                    prop="0" label="序号" width="50" >
                                                            </el-table-column>
                                                            <el-table-column
                                                                    prop="1" label="最大作用载荷(N/Nmm)" width="90" h>
                                                            </el-table-column>
                                                            <el-table-column
                                                                    prop="2" label="最小作用载荷(N/Nmm)" width="90" >
                                                            </el-table-column>
                                                            <el-table-column
                                                                    prop="3" label="循环次数" >
                                                            </el-table-column>
<!--                                                            <el-table-column-->
<!--                                                                    prop="b1" label="序号" width="50" >-->
<!--                                                            </el-table-column>-->
<!--                                                            <el-table-column-->
<!--                                                                    prop="b2" label="最大作用载荷(N/Nmm)" width="90" h>-->
<!--                                                            </el-table-column>-->
<!--                                                            <el-table-column-->
<!--                                                                    prop="b3" label="最小作用载荷(N/Nmm)" width="90" >-->
<!--                                                            </el-table-column>-->
<!--                                                            <el-table-column-->
<!--                                                                    prop="b4" label="循环次数" >-->
<!--                                                            </el-table-column>-->
                                                        </el-table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </a-col>
                <a-col class="output_parameter" span="5">
                    <div class="right" style="width: 100%;height: 100%">
                        <div class="right_top">
                            <div class="right_top_title">输出结果</div>
                            <div class="right_top_body">
                                <div style="width: 100%;height: 100%;">
                                    <div class="right_top_top">
                                        <div style="width: 100%;height: 100%;position: relative">
                                            <div class="right_top_top_left">
                                                <div style="width: 100%;height: 100%;position: relative">
                                                    <ul class="right_top_top_left_list">
                                                        <li>实际装配最大预紧力(N)</li>
                                                        <li>实际装配最小预紧力(N)</li>
                                                        <li>利用系数</li>
                                                        <li>预紧力改变量(N)</li>
                                                        <li>工作状态最大预紧力(N)</li>
                                                        <li>工作状态最小预紧力(N)</li>
                                                        <li>工作屈服安全系数</li>
                                                        <li>疲劳安全系数</li>
                                                        <li>装配压应力安全系数</li>
                                                        <li>工作压应力安全系数</li>
                                                        <li>最小结合螺纹长度(mm)</li>
                                                        <li>变形锥最大外径(mm)</li>
                                                        <li>结合面极限尺寸(mm)</li>
                                                        <li>螺杆轴向柔度(mm/N)</li>
                                                        <li>夹紧件轴向柔度(mm/N)</li>
                                                        <li>损伤率最大处角度(°)</li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="right_top_top_right">
                                                <div style="width: 100%;height: 100%;position: relative">
                                                    <ul class="right_top_top_right_list">
                                                        <li>{{ans.FM_zul}}</li>
                                                        <li>{{ans.FM_zul_min}}</li>
                                                        <li>{{ans.v_zul}}</li>
                                                        <li>{{ans.FZ}}</li>
                                                        <li>{{ans.FM_work}}</li>
                                                        <li>{{ans.FM_work_min}}</li>
                                                        <li>{{ans.SF}}</li>
                                                        <li>{{ans.SD}}</li>
                                                        <li>{{ans.Sp_M}}</li>
                                                        <li>{{ans.Sp_B}}</li>
                                                        <li>{{ans.meff_min}}</li>
                                                        <li>{{ans.D_AGr}}</li>
                                                        <li>{{ans.G}}</li>
                                                        <li>{{ans.delta_s}}</li>
                                                        <li>{{ans.delta_P}}</li>
                                                        <li>{{ans.damage_max_angle}}</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right_top_bottom">
                                        <div style="width: 100%;height: 100%;position: relative">
                                            <div class="right_top_bottom_left">
                                                <div style="width: 100%;height: 100%;position: relative">
                                                    <div v-show="params_44.rate_load_control==2"
                                                         class="right_top_bottom_left_body">工作交变应力幅值是否超越上部拐点</div>
                                                </div>
                                            </div>
                                            <div class="right_top_bottom_right">
                                                <div style="width: 100%;height: 100%;position: relative">
                                                    <div class="right_top_bottom_right_body">
                                                        <textarea  v-show="params_44.rate_load_control==2" v-model="ans.warn_load_max"
                                                                  style="width: 100%;height: 100%;border: 1px solid grey;overflow-y: scroll"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="right_bottom">
                            <div style="width: 100%;height: 100%;position: relative">
                                <div class="right_bottom_body">
                                    <button @click="calculate"
                                            style="width: 100%;height: 100%;border: 0.5px solid ;border-radius: 3px;">计算</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </a-col>
            </a-row>
        </div>
    </div>
</template>

<script>
    import img_one from '@/assets/image/image_44_4.jpg'
    import img_two from '@/assets/image/image_44_1.jpg'
    import  img_three from '@/assets/image/image_44_3.png'
    import img_four from '@/assets/image/image_44_2.png'
    import img_five from '@/assets/image/image_44_5.png'

    import {bolt_check, firedelete, filetext} from "../../../api/file";
    export default {
        created () {
            document.title = '单自由度载荷时螺栓/螺钉强度校核'
            this.$store.state.file.key = 44
        },
        name: "bolt_check1",
        data(){
            return{
                img_one,
                img_two,
                img_three,
                img_four,
                img_five,
                visible:false,
                confirmLoading:false,
                visible1:false,
                confirmLoading1:false,
                visible2:false,
                confirmLoading2:false,
                visible3:false,
                confirmLoading3:false,
                visible4:false,
                confirmLoading4:false,
                visible5:false,
                confirmLoading5:false,
                visible6:false,
                confirmLoading6:false,
                visible7:false,
                confirmLoading7:false,
                visible8:false,
                confirmLoading8:false,
                params_44:this.$store.state.file.dataList[44],
                form2:{
                    uuids:[]
                },
                ans:{
                    FM_zul:"Static Text",
                    FM_zul_min:"Static Text",
                    v_zul:"Static Text",
                    FZ:"Static Text",
                    FM_work:"Static Text",
                    FM_work_min:"Static Text",
                    SF:"Static Text",
                    SD:"Static Text",
                    Sp_M:"Static Text",
                    Sp_B:"Static Text",
                    meff_min:"Static Text",
                    D_AGr:"Static Text",
                    G:"Static Text",
                    delta_s:"Static Text",
                    delta_P:"Static Text",
                    damage_max_angle:"Static Text",
                    warn_load_max:" ",
                },
                dataSource:[],
            }

        },
        mounted(){
            //绑定页面退出事件
            window.onbeforeunload= (e)=>{
                e = e || window.event;
                if (e) {
                    e.returnValue = '关闭提示';
                }
                this.delete()//调用自己的方法
                // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
                return '关闭提示';
            };
        },
        methods: {
            customRequest(data){
                const formData = new FormData()
                formData.append('fileName',data.file)
                filetext(formData)
                    .then(res => {
                        console.log(res)
                        this.dataSource=res.data.filedata
                        this.params_44.uuid=res.data.uuid
                        this.form2.uuids.push(res.data.uuid);
                    })
                    .catch(err =>{
                        console.log(err)
                    })
            },
            showModal() {
                this.visible = true;
            },
            handleOk() {
                this.confirmLoading = true;
                setTimeout(() => {
                        this.visible = false;
                        this.confirmLoading = false;
                    }
                );
            },
            handleCancel() {
                this.visible = false;
            },
            showModal1() {
                this.visible1 = true;
            },
            handleOk1() {
                this.confirmLoading1 = true;
                setTimeout(() => {
                        this.visible1 = false;
                        this.confirmLoading1 = false;
                    }
                );
            },
            handleCancel1() {
                this.visible1 = false;
            },
            showModal2() {
                this.visible2 = true;
            },
            handleOk2() {
                this.confirmLoading2 = true;
                setTimeout(() => {
                        this.visible2 = false;
                        this.confirmLoading2 = false;
                    }
                );
            },
            handleCancel2() {
                this.visible2 = false;
            },
            showModal3() {
                this.visible3 = true;
            },
            handleOk3() {
                this.confirmLoading3 = true;
                setTimeout(() => {
                        this.visible3 = false;
                        this.confirmLoading3 = false;
                    }
                );
            },
            handleCancel3() {
                this.visible3 = false;
            },
            showModal4() {
                this.visible4 = true;
            },
            handleOk4() {
                this.confirmLoading4 = true;
                setTimeout(() => {
                        this.visible4 = false;
                        this.confirmLoading4 = false;
                    }
                );
            },
            handleCancel4() {
                this.visible4 = false;
            },
            showModal5() {
                this.visible5 = true;
            },
            handleOk5() {
                this.confirmLoading5 = true;
                setTimeout(() => {
                        this.visible5 = false;
                        this.confirmLoading5 = false;
                    }
                );
            },
            handleCancel5() {
                this.visible5 = false;
            },
            showModal6() {
                this.visible6 = true;
            },
            handleOk6() {
                this.confirmLoading6 = true;
                setTimeout(() => {
                        this.visible6 = false;
                        this.confirmLoading6 = false;
                    }
                );
            },
            handleCancel6() {
                this.visible6 = false;
            },
            showModal7() {
                this.visible7 = true;
            },
            handleOk7() {
                this.confirmLoading7 = true;
                setTimeout(() => {
                        this.visible7 = false;
                        this.confirmLoading7 = false;
                    }
                );
            },
            handleCancel7() {
                this.visible7 = false;
            },
            showModal8() {
                this.visible8 = true;
            },
            handleOk8() {
                this.confirmLoading8 = true;
                setTimeout(() => {
                        this.visible8 = false;
                        this.confirmLoading8 = false;
                    }
                );
            },
            handleCancel8() {
                this.visible8 = false;
            },
            calculate(){
                if(this.$store.state.file.dataList[44].rate_load_control == 2 && this.$store.state.file.dataList[44].uuid == '' ){
                    alert("请导入载荷谱")
                }else {
                    //这个括号里面可以传参，一般就是传你this.params_44的内容
                    bolt_check(this.$store.state.file.dataList[44])
                        .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
                            console.log(res);
                            //你也可以不检验，这个状态码一般是检验后端数据有没有异常，res就是返回结果的整个大的对象
                            this.ans.FM_zul = res[1];
                            this.ans.FM_zul_min = res[14];
                            this.ans.v_zul = res[0];
                            this.ans.FZ = res[3];
                            this.ans.FM_work = res[2];
                            this.ans.FM_work_min = res[15];
                            this.ans.SF = res[4];
                            this.ans.SD = res[5];
                            this.ans.Sp_M = res[6];
                            this.ans.Sp_B = res[7];
                            this.ans.meff_min = res[8];
                            this.ans.D_AGr = res[13];
                            this.ans.G = res[16];
                            this.ans.delta_s = res[9];
                            this.ans.delta_P = res[10];
                            this.ans.damage_max_angle = res[12];
                            this.ans.warn_load_max = res[11];
                        })
                        .catch(error => {
                            console.log(error);
                        });

                }

            },
            async delete(){
                this.form2.uuids=this.form2.uuids.toString();//将载荷谱文件数组转成字符串
                await firedelete(this.form2).then(res => {
                    console.log(res);
                })
            },
        }

    }
</script>

<style scoped>
    ul,ol,li{
        list-style: none;
    }
    .main{
        width: 100%;
        height: 100%;
        /*background-color: rgba(213, 213, 213, 0.349019607843137);*/
    }
    .all_row{
        width: 100%;
        height: 100%;
    }
    .input_parameter{
        height: 100%;
        border: 1px solid #dddddd;
    }
    .title1{
        width: 100%;
        height: 3%;
        padding-left: 0;
        padding-top: 0;
        overflow: hidden;
        background-color: rgba(215,215,215,1);
        border: 1px solid #dddddd;
    }
    .left_body{
        width: 100%;
        height: 97%;
    }
    .left_left{
        width: 65%;
        height: 100%;
        position: absolute;
        left: 0;
        border: 1px solid #dddddd;
    }
    .title2{
        width: 100%;
        height: 3%;
        padding-top: 0;
        padding-left: 2%;
        overflow: hidden;
        background-color: rgba(215,215,215,1);
        border: 1px solid #dddddd;
    }
    .left_left_body{
        width: 100%;
        height: 97%;
    }
    .left_left_left{
        width: 48%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_left_left_left{
        width: 55%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_left_left_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        text-align: right;
    }
    .left_left_left_left_list li{
        width: 100%;
        height: 4%;
    }
    .left_left_left_right{
        width: 45%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_left_left_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        text-align: left;
    }
    .left_left_left_right_list li{
        width: 100%;
        height: 4%;
    }
    .left_left_right{
        width: 52%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_left_right_top{
        width: 100%;
        height: 5%;
    }
    .left_left_right_top_left{
        width: 50%;
        height: 90%;
        position: absolute;
        left: 0;
    }
    .left_left_right_top_right{
        width: 50%;
        height: 90%;
        position: absolute;
        right: 0;
    }
    .left_left_right_middle1{
        width: 100%;
        height: 28.5%;
    }
    .left_left_right_middle1_left{
        width: 30%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_left_right_middle1_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        right: 5%;
        text-align: right;
    }
    .left_left_right_middle1_left_list li{
        width: 100%;
        height: 16.6%;
    }
    .left_left_right_middle1_middle{
        width: 30%;
        height: 100%;
        position: absolute;
        left: 30%;
    }
    .left_left_right_middle1_middle_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        text-align: center;
    }
    .left_left_right_middle1_middle_list li{
        width: 100%;
        height: 16.6%;
    }
    .left_left_right_middle1_right{
        width: 40%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_left_right_middle1_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        text-align: center;
    }
    .left_left_right_middle1_right_list li{
        width: 86%;
        height: 16.6%;
    }
    .left_left_right_middle2{
        width: 100%;
        height: 19%;
    }
    .left_left_right_middle2_left{
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_left_right_middle2_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        right: 5%;
        text-align: right;
    }
    .left_left_right_middle2_left_list li{
        width: 100%;
        height: 25%;
    }
    .left_left_right_middle2_right{
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_left_right_middle2_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        text-align: left;
    }
    .left_left_right_middle2_right_list li{
        width: 100%;
        height: 25%;
    }
    .left_left_right_bottom{
        width: 100%;
        height: 47.5%;
    }
    .left_left_right_bottom_left{
        width: 33.3%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_left_right_bottom_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        text-align: center;
    }
    .left_left_right_bottom_left_list li{
        width: 100%;
        height: 8.3%;
    }
    .left_left_right_bottom_middle{
        width: 33.3%;
        height: 100%;
        position: absolute;
        left: 33.4%;
    }
    .left_left_right_bottom_middle_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
    }
    .left_left_right_bottom_middle_list li{
        width: 100%;
        height: 8.3%;
    }
    .left_left_right_bottom_right{
        width: 33.3%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_left_right_bottom_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
    }
    .left_left_right_bottom_right_list li{
        width: 100%;
        height: 8.3%;
    }
    .left_right{
        width: 35%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_right_title{
        width: 100%;
        height: 3%;
        padding-top: 0;
        padding-left: 2%;
        overflow: hidden;
        background-color: rgba(215,215,215,1);
        border: 1px solid #dddddd;
    }
    .left_right_body{
        width: 100%;
        height: 97%;
    }
    .left_right_top{
        width: 100%;
        height: 60%;
    }
    .left_right_top_left{
        width: 70%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .left_right_top_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        right: 5%;
        text-align: right;
    }
    .left_right_top_left_list li{
        width: 100%;
        height: 7.6%;
    }
    .left_right_top_right{
        width: 30%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .left_right_top_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        text-align: left;
    }
    .left_right_top_right_list li{
        width: 100%;
        height: 7.6%;
    }
    .left_right_bottom{
        width: 100%;
        height: 40%;
    }
    .output_parameter{
        height: 100%;
    }
    .right_top{
        width: 100%;
        height: 88%;
        border: 1px solid #dddddd;
    }
    .right_bottom{
        width: 100%;
        height: 12%;
    }
    .right_top_title{
        width: 100%;
        height: 3.5%;
        background-color: rgba(215,215,215,1);
        border: 1px solid #dddddd;
    }
    .right_top_body{
        width: 100%;
        height: 96.5%;
    }
    .right_top_top{
        width: 100%;
        height: 72.6%;
    }
    .right_top_top_left{
        width: 60%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .right_top_top_left_list{
        width: 100%;
        height: 100%;
        position: absolute;
        right: 3%;
        text-align: right;
    }
    .right_top_top_left_list li{
        width: 100%;
        height: 6.25%;
    }
    .right_top_top_right{
        width: 40%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .right_top_top_right_list{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        text-align: left;
    }
    .right_top_top_right_list li{
        width: 100%;
        height: 6.25%;
    }
    .right_top_bottom{
         width: 100%;
         height: 27.4%;
     }
    .right_top_bottom_left{
        width: 60%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    .right_top_bottom_left_body{
        width: 50%;
        height: 80%;
        position: absolute;
        right: 3%;
        top: 10%;
        overflow: hidden;
    }
    .right_top_bottom_right{
        width: 40%;
        height: 100%;
        position: absolute;
        right: 0;
    }
    .right_top_bottom_right_body{
        width: 50%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 5%;
    }
    .right_bottom_body{
        width: 30%;
        height: 30%;
        position: absolute;
        left: 3%;
        bottom: 5%;
    }
</style>